@charset "utf-8";

	*{ margin: 0 auto; font-family:"微软雅黑";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ display:inline-block; max-width:100%;}
	
	/*头部样式*/
	.max{ max-width:1200px;}
	header{ position:absolute; z-index:2; top:0px; left:0px; width:100%;color:#fff;box-sizing:border-box; animation:bounceInDown ease-in-out 2s;}
	header .max{ overflow:hidden;}
	.header_logo{margin-top:26px; margin-bottom:35px; background:url(../images/logo.png) no-repeat left center; background-size:contain; padding-left:40px; overflow:hidden;}
	.header_logo .title{ font-size:24px; letter-spacing:4px; font-weight:bold;}
	.header_logo .text{ font-size:12px; float:left; transform:scale(0.9);transform-origin:left}
	.nav{ max-width:100%; width:100%;padding-right:17px; box-sizing:border-box; float:left; margin-bottom:27px;}
	.nav ul{ text-align:center; box-sizing:border-box;}
	.nav ul>li{display:block; float:left; max-width:calc(100% / 7); width:100%; text-align:center; position:relative;}
	.nav ul>li>a{color:#fff; padding-top:27px; display:inline-block; font-size:20px;background:url(../images/01.png) no-repeat; background-position: center -100%; transition: all linear 0.2s; width:100%;}
	.nav ul>li>a p{font-size:12px;}

	.nav ul>li:hover{background:rgba(0,0,0,0.50);}
	.nav ul>li a:hover{background-position:top center;}

	.nav>ul>li:hover .nav_show{ position:absolute; z-index:25; height:auto; display:flex; align-items:center;}
	
	.nav_show ol{ max-width:232px; float:left; width:232px; overflow:hidden; padding:10px 0px; margin-top:0px;align-self:flex-start;}
	.nav_show ol li{ max-width:50%; float:left; width:50%; line-height:44px; border-left:1px solid #ccc; box-sizing:border-box;}
	.nav_show ol li:last-child{ border-right:1px solid #ccc; box-sizing:content-box; max-width:calc(50% - 1px);}
	.nav_show ol li:nth-of-type(even){ border-right:0px !important;}
	.nav>ul>li div ol a{ color:#fff; display:block; font-size:14px;}
	.nav>ul>li div ol a:hover{ background:#db2314; color:#fff;}
	.nav_pic{ max-width:200px; width:200px; float:left; padding:10px;overflow:hidden;}
	.nav_pic img{width:100%; object-fit:cover; display:block;}
	
	.header_r{ font-size:18px; max-width:175px;box-sizing:border-box; float:right; margin:0px; border-left:1px solid #e9e9e9; padding-left:17px; margin:15px 0px;}
	.header_r p{ font-size:14px; display:inline-block; color:#fff;}
	.header_r font{ font-size:22px; display:inline-block; color:#fff;}
	.dh{ display:none;}

	/*导航样式*/
	#dh{ display:none; float:right; width:20%;}
	.dh{text-align:center;max-width:64px; background:none; border:1px solid #999; font-size:36px; max-height:64px; width:100%; height:150px;}
	/*幻灯片样式*/	
	.banner{ max-width:100%; position:relative; overflow:hidden; height:700px;}
	.banner ul{ position:absolute; z-index:-1; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; overflow:hidden;}
	.banner ul li img{ height:990px; object-fit:cover;}
	.ban_img ul li img{ height:500px !important;}
	.banner:hover ol{ opacity:1;}
	.banner ol{ list-style:none;opacity:0; max-width:1200px; width:100%; position:absolute; z-index:1; bottom:10%; right:0px; left:0px; transition:all 0.5s;-webkit-transition:all 0.5s; display:flex; flex-direction:column; align-items:flex-end;}
	.banner ol li{ margin:8px; cursor:pointer; transform:rotate(45deg); float:right; height:19px !important; width:19px; border:3px solid #fff; box-sizing:border-box; opacity:0.8;}
	.banner ol li:hover{border:3px solid #fff; opacity:1;}
	
	.banner_text{ position:absolute; top:250px; left:0px; right:0px; flex-wrap:wrap; align-items:center; bottom:0px; margin:auto; z-index:-1;}
	.banner_text div{ overflow:hidden; display:block; width:100%; text-align:center;}
	.banner_text .downward img{-webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;animation: rightan 1s infinite;}

	
	.lef_rig{ display:none;}
	.lef_rig span:first-child{ opacity:0.5; cursor:pointer; top:43%; position:absolute; height:53px; z-index:2; background:url(../images/left_right.png); width:50px; left:1%; }
	.lef_rig span:nth-child(2){ cursor:pointer;opacity:0.5; top:43%; position:absolute; height:53px; z-index:2; background:url(../images/left_right.png) bottom; width:50px; right:1%; }
	.lef_rig span:hover{ opacity:0.8; }
	.lef_rig span+span:hover{ opacity:0.8; }
	#dot{ background:#fff; border:2px solid #fff; opacity:1;}
	
	.about{ margin-top:-66px; position:relative; padding:0px 46px; display:block; width:100%; box-sizing:border-box; margin-bottom:120px;}
	.about .often{ background:url(../images/ot_01.png) no-repeat center;color:#fff; display:none;}
	.about_l{margin:0px; max-width:608px; width:100%; position:absolute; top:-105px;}
	.about_l img{ display:block;}
	.about_r{ float:right; width:610px; margin-right:0px; background:#0058a7;box-sizing:border-box;}
	.about_r .title{height:28px; margin:50px 0px 60px 0px; background:url(../images/ab_01.png) no-repeat; text-align:center;}
	.about_r .text{ background:url(../images/ab_02.png) no-repeat; background-position:20px calc(100% - 20px); padding:0px 50px 61px 160px; }
	.about_r .text p{ text-indent:28px; font-size:14px; color:#fff; line-height:22px;}
	
	section{ background:#f3f3f3; display:inline-block; width:100%;}
	.pro{ overflow:hidden; display:block; width:100%;}
	.pro_b{ overflow:hidden; background:url(../images/pr_02.png) no-repeat right -30%;}
	.pro_l{ max-width:210px; width:100%; float:left; padding-top:100px;}
	.pro_l .title{ background:#0058a7; text-align:center; color:#fff; line-height:44px; font-size:20px;}
	.pro_l ul{ overflow:hidden;}
	.pro_l ul li{ margin-top:9px; float:left; width:100%; border:1px solid #999; box-sizing:border-box;}
	.pro_l ul li a{ display:block; width:100%; white-space:pre; overflow:hidden; padding:14px; color:#033333; font-size:16px; box-sizing:border-box; text-overflow:ellipsis;}
	.pro_l ul li a::before{ content:">"; font-family:"仿宋"; display:inline-block; color:#0058a7; margin-right:10px;}
	.pro_l ul li a:hover{color:#0058a7;}
	.pro_l .picture{ margin-top:30px; overflow:hidden; width:100%; text-align:center;}
	.pro_r{ max-width:920px; width:100%; float:left; padding-top:100px;box-sizing:border-box;}
	.pro_r ul{padding-left:20px; box-sizing:border-box; overflow:hidden; display:block; border-bottom:4px solid #0058a7;}
	.pro_r li{ margin:0px 0px 33px 30px; height:175px; max-width:214px; width:100%; border:3px solid #999; box-sizing:border-box; float:left; overflow:hidden;}
	.pro_r li img{height:100%; width:100%; display:block; object-fit:cover;}
	.pro_r li:nth-of-type(1){height:383px; max-width:376px; width:100%;}
	.pro_r li a{ position:relative;display:block; height:100%; width:100%; overflow:hidden;}
	.pro_r li a .title{ position:absolute; top:-100%; left:0px; height:100%; display:block; width:100%; background:rgba(0,0,0,0.60); display:flex; align-items:center; text-align:center; transition:all linear 0.2s; justify-content:center; color:#fff; z-index:1;}
	.pro_r li a:hover .title{top:0px;}
	.pro_r .circle{overflow:hidden; margin:12px 0px 28px 0px;}
	.pro_r .circle span{ background:#0058a7; margin-left:20px; float:right; width:17px; height:17px; border-radius:100%;}
	.pro .pimg{ text-align:center; margin-top:15px; overflow:hidden; width:100%;}
	
	.pro .more{ display:block; width:97px; height:26px; background:#0158a7; text-align:center; line-height:26px; color:#fff; font-size:12px; margin:60px auto 100px auto; overflow:hidden; border-radius:8px;}
	.pro .often{ display:none;}
	
	.often{ background:url(../images/ca_01.png) no-repeat center; text-align:center; font-size:24px; font-weight:bold; color:#003769; margin:100px auto 50px auto;}
	
	.case{ background:url(../images/ca_01.jpg) no-repeat center top; overflow:hidden; background-size:cover;}
	.case ul{display:flex; justify-content:center; margin-top:50px; padding:50px 50px 100px 50px; box-sizing:border-box;}
	.case li:first-child{ margin-left:0px;}
	.case li:nth-of-type(odd){ float:left; max-width:250px; width:100%; height:250px;}
	.case li{ float:left; width:105px; height:300px;display:flex; flex-wrap:wrap; align-content:space-around;}
	.case li a{width:100%; height:100%; transform:rotate(45deg); overflow:hidden; position:relative;}
	.case li a span{ position:absolute; top:0px; left:0px; right:0px; width:100%; height:100%; background:rgba(0,0,0,0.60); transform:rotate(-45deg) scale(0); display:flex; justify-content:center; align-items:center; transition:all linear 0.1s;}
	.case li a p{ font-size:25px; color:#fff; transform:scale(0.7)}
	
	.case li:nth-of-type(even) a{max-width:105px; width:100%; height:105px;}
	.case li:nth-of-type(even) a:nth-of-type(odd){ margin-top:-30px;}
	.case li:nth-of-type(even) a:nth-of-type(even){ margin-top:30px;}
	.case li img{ float:left; width:100%; height:100%; transform:rotate(-45deg) scale(1.5); object-fit:cover;}
	.case li:nth-of-type(even) a p{ font-size:12px;}
	
	.case li a:hover span{transform:rotate(-45deg) scale(1.5);}
	
	.facility{ background:#0058a7; overflow:hidden; padding-bottom:100px;}
	.facility .often{ background:url(../images/ot_01.png) no-repeat center; color:#fff;}
	.facility .fac_l{ max-width:50%; width:100%; float:left;}
	.facility .fac_r{ max-width:50%; width:100%; float:left; padding-left:50px; box-sizing:border-box;}
	
	.fac_b{ overflow:hidden;}
	.fac_l img{ display:block;}
	.fac_r .title{ font-size:20px; font-weight:bold; color:#fff; margin-bottom:9px;}
	.fac_r .text{ color:#fff; font-size:14px; line-height:21px;}
	.fac_r .text_e{ color:#fff; font-size:14px; line-height:21px;}
	
	.fac_r .hexagon{ display:flex; align-content:space-between; margin-top:15px;}
	.fac_r .hexagon span{ height:90px; width:105px; background:#ffc74e; overflow:hidden; float:left; padding:3px; box-sizing:border-box;
	-webkit-clip-path: polygon( 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);clip-path: polygon( 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
	}
	.fac_r .hexagon span p{ background:#0058a7; display:block; width:100%; height:100%;
	-webkit-clip-path: polygon( 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);clip-path: polygon( 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
	display:flex; align-items:center;text-align:center; padding:8px; box-sizing:border-box; font-size:14px; color:#fff;
	justify-content:center;
	}
	.fac_r .hexagon span:hover p{ background:#ffc74e; color:#333;}
	
	.fac_work{ max-width:1300px; border:1px solid #fff; width:100%; overflow:hidden; margin-top:50px;}
	.fac_work .content{ padding:45px 0px; overflow:hidden;}
	.fac_work .title{ float:left; max-width:20px; font-size:20px; font-weight:bold; color:#fff; width:100%; margin-right:50px;}
	.fac_work .text{ float:left; max-width:calc(100% - 70px); width:100%; color:#fff; font-size:14px; line-height:21px;}
	
	.transit img{ display:block; height:300px; width:100%; object-fit:cover;}
	
	.plant{ padding-bottom:100px; box-sizing:border-box; overflow:hidden;}
	.plant_b{ overflow:hidden; height:220px; width:100%;}
	.plant_b ul{ position:relative; height:220px;}
	.plant_b li{ float:left; width:280px; margin-right:25px;position:absolute; overflow:hidden;}
	.plant_b li .news_xw{ display:block; width:100%; transition:all linear 0.2s;}
	.plant_z .plant_b li img{ height:220px; object-fit:cover; width:100%; transition: all linear 0.2s;}
	.plant_z .plant_b li:hover img{ transform:scale(1.2);}
	
	.plant_z{ display:flex; height:210px; position:relative;}
	.plant_z .inve_l{ position:absolute; left:-50px; top:0px; bottom:0px; margin:auto; font-size:70px; font-family:"仿宋"; height:70px; z-index:1; color:#0058a7; cursor:pointer;}
	.plant_z .inve_r{ position:absolute; right:-50px; top:0px; bottom:0px; margin:auto; font-size:70px; font-family:"仿宋"; height:70px; z-index:1; color:#0058a7; cursor:pointer;}
	

	.news_b{ overflow:hidden;}
	.news_b .plant_b{ height:435px;}
	.news_b .plant_b ul{ position:relative; height:435px;}
	.news_b .plant_b li{ float:left; width:380px; padding:28px 26px; box-sizing:border-box; border:1px solid #c3c3c3; margin-right:30px; position:absolute;}
	.news_b .plant_b li:last-child{ margin-right:0px;}
	.news_b .plant_b li .picture{ width:100%; display:block;}
	.news_b .plant_b li .picture img{ width:100%; height:203px; object-fit:cover; overflow:hidden;}
	.news_b .plant_b .title{ margin:22px 0px; overflow:hidden;}
	.news_b .plant_b .title p{ float:left; font-size:20px; color:#333; max-width:calc(100% - 50px); width:100%; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.news_b .plant_b .title time{ float:right; font-size:12px; color:#333; max-width:50px; width:100%;}
	.news_b .plant_b .title time font{ text-align:center; line-height:21px; display:inline-block; width:21px; height:21px; border-radius:100%; box-sizing:border-box; border:1px solid #999; margin-left:10px;}
	.news_b .plant_b .text{ font-size:14px; line-height:24px; color:#333; overflow:hidden; height:96px;}
	.news .more{ margin-top:50px; text-align:center; line-height:26px; font-size:12px; color:#666; display:block; width:97px; height:26px; border-radius:10px; border:1px solid #999; margin-bottom:100px;}
	
	.news_b .plant_b li:hover{ background:#0058a7;}
	.news_b .plant_b li:hover .title p{ color:#fff;}
	.news_b .plant_b li:hover .title time{color:#fff;}
	.news_b .plant_b li:hover .title time font{background:#fff; color:#333;}
	.news_b li:hover .text{ color:#fff;}
	
	
	.records{ background:#0058a7;font-size:14px; text-align:center; color:#666; padding:23px 0px;}
	.records a{font-size:14px; color:#666; padding:23px 0px;}
	.map img{ display:block;}
	.rec_b{ overflow:hidden; color:#fff; display:flex; align-items:flex-end; justify-content:space-between;}
	.rec_b div{margin:0px;}
	.rec_l{ width:103px;}
	.rec_l img{ width:103px; float:left; height:103px;}
	.rec_l p{ padding-top:9px; overflow:hidden; width:100%; text-align:center;}
	.rec_c a{ color:#fff;}
	.rec_r{ width:103px;}
	.rec_r img{ width:103px; float:right; height:103px;}
	.rec_r p{ padding-top:9px; overflow:hidden; width:100%; text-align:center;}
	
	.map{ position:relative; height:500px; background:url(../images/fot_01.jpg) no-repeat top center;}
	.map .content{ max-width:500px; width:500px; box-shadow:0px 0px 2px rgba(0,0,0,0.30); overflow:hidden; position:absolute; bottom:-100px; background:#fff; left:0px; right:0px;}
	.map .content .often{ background:url(../images/ot_02.png) no-repeat center; margin-top:50px; margin-bottom:20px;}
	.map .content .text{ font-size:16px; color:#003769; padding:0px 50px 50px 50px; overflow:hidden; box-sizing:border-box;}
	.map .content .text span{ float:left; margin-top:30px; width:100%;}
	.map .content .text p{ float:left; max-width:calc(100% - 60px); width:100%;}
	.map .content .text span img{ float:left; max-width:30px; width:100%; margin-right:28px;}
	.map .content .text span font{ display:inline-block;}
	
	.footer_nav{margin:0px 2%;}
	.footer_nav li{ display:inline-block; margin-right:2%; font-size:14px;}
	
	
	
	/*新闻页面*/
	
	.news_list{overflow:hidden; background:#f5f5f5;}
	.news_list li{ margin:2% 0px; overflow:hidden; background:#f5f5f5;}
	.news_list_img{ float:left; max-width:360px; height:220px;}
	.news_list_img img{ width:100%; height:100%; object-fit:cover;}
	.news_list_text{ max-width:calc(100% - 380px); height:220px; padding:20px 0px 20px 50px; box-sizing:border-box; float:left;}
	.news_list_text p:first-child{  font-size:20px; font-weight:bold; color:#222; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.news_list_text time{ font-size:14px; display:block; margin-top:10px; color:#999;}
	.news_list_text p:nth-of-type(2){ line-height:24px; height:72px; font-size:14px;color:#666; overflow:hidden;}
	.news_list_text .more{ background:#0058a7; margin-top:10px; color:#fff; width:120px; height:40px; line-height:40px; float:left; text-align:center;}
	.news_list_text .more:hover{ background:#202020;}
	.news_list li:hover{ background:#fff;}
	
	.page_list{ float:left; width:100%; text-align:center; margin-bottom:2%;}
	.page_list a{ font-size:16px; margin:0 1%; color:#333;}
	.page_list a:first-child{ display:none;}
	.page_list a:hover{ color:#f00;}
	
	.page_news{ background:#f1f1f1; overflow:hidden;}
	.page_odd{ background:#fff; padding:2%; box-sizing:border-box; margin:40px auto; border-radius:5px;}
	.pro_list{ overflow:hidden; background:#f1f1f1; padding-top:30px;}
	.pro_list li{ max-width:calc(100% / 4 - 25px); float:left; margin:10px 15px 10px 15px; transition:all linear 0.25s;}
	.pro_list li:hover{ box-shadow:0px 2px 6px -1px #888;}
	.pro_list li:nth-child(4n){ margin-right:0px; margin-left:0px;}
	.pro_list li span{ max-width:100%; display:block; overflow:hidden;}
	.pro_list li span img{ height:208px; object-fit:cover; width:100%;transition:all linear 0.3s;}
	.pro_list li p:nth-of-type(1){ overflow:hidden; line-height:50px; text-align:center; padding:0 2%; box-sizing:border-box; text-align:center; white-space:pre; text-overflow:ellipsis; width:100%; float:left; color:#666; font-size:16px;}
	.page_pro{padding:20px 0px;}
	.pro_title{ font-size:24px; color:#333; text-align:center; line-height:36px;}
	.page_odd time{ display:block; width:100%; margin:1% 0px; color:#999; text-align:center; font-size:14px; border-bottom:1px double #f1f1f1; line-height:36px;}
	.page_content{ overflow:hidden;}
	.page_content p{line-height:32px; color:#333;}
	.page_next{ margin:15px 0px; overflow:hidden; width:100%;}
	.page_next p{font-size:13px; font-weight:bold; color:#555;}
	.page_next p a{color:#999; font-size:12px;}
	.pro_class{ margin:25px 0px;}
	.pro_class div{ font-size:24px; margin-bottom:20px;}
	.pro_class a{ width:calc(100% / 7 - 13px); border-radius:8px; float:left; border:1px solid #fbdcb7; box-sizing:border-box; color:#333; margin-right:15px; margin-bottom:5px; line-height:40px; text-align:center;}
	.pro_class a:nth-of-type(7n){ margin-right:0px;}
	.pro_class a:hover{background:#f08200; color:#fff;}
	.pro_list li:hover span img{ transform:scale(1.1,1.1)}
	.pro_list .text{ display:block; width:100%; max-height:84px; height:84px; line-height:28px; padding:0px 2%; box-sizing:border-box; font-size:14px; color:#656565;}
	.pro_list time{font-size:12px; text-align:left; color:#656565; display:block; padding:0px 2%; margin:10px auto;}
	
	.second{ width:100%; max-width:100%; text-align:left;border-bottom:3px solid #f4f4f4; background:#fff; overflow:hidden;}
	.second li{ display:inline-block; margin-right:2%; line-height:54px; border-bottom:2px solid #fff;}
	.second a{color:#666; font-size:16px; display:block;}
	.second a:nth-last-of-type(1){margin-right:0%;}
	.second li:hover{ border-bottom:2px solid #0058a7;}
	.second a:hover{color:#0058a7; font-weight:bold;}
	
	#fl_select{border-bottom:2px solid #0058a7;}
	#fl_select a{color:#0058a7; font-weight:bold;}
	
	.page_r{ max-width:1200px; width:100%; margin:16px auto; overflow:hidden;}
	.second .title{ float:left; color:#0058a7; font-size:18px;}
	.second .page_address{ float:right; color:#333; font-size:14px;}
	.second .page_address a{ color:#333; margin:0 5px; display:initial; font-size:14px;}
	
	.pro_img{ text-align:center; max-width:100%; float:left; width:100%; margin-bottom:20px;}
	.pro_img img{ max-height:450px;}
	
	.fg{ display:block;}
	
	
	.page_pro_text{ overflow:hidden;}
	.page_text_l{ float:left; max-width:45%; width:100%; text-align:center; overflow:hidden;}
	.page_text_l img{ height:438px; object-fit:cover; width:100%; display:block;}
	.page_text_r{ float:right; max-width:50%; width:100%;}
	.page_text_r p{ display:inline-block;font-weight:bold; font-size:16px;}
	.page_text_r div{ margin-bottom:25px; color:#333;}
	.page_text_r .title{font-weight:bold; font-size:20px; color:#db2314;}
	.page_text_r .tel{ font-size:20px; margin-top:50px; background:url(../images/tel.png) no-repeat left center; padding-left:40px; font-size:16px;}
	.page_text_r .text{ line-height:28px; max-height:90px; font-size:14px; overflow:hidden;}
	.page_text_r .tel font{ font-size:28px; font-weight:bold; color:#d40000;}
	
	.page_text_r .url a{ max-width:157px; width:100%; color:#fff; text-align:center; line-height:38px; display:inline-block; background:#db2314; transition:all linear 0.2s;}
	.page_text_r .url a:nth-of-type(2){ background:#2a2a2a; margin-left:35px;}
	.page_text_r .url a:hover{background:#000;}
	.page_text_r .url a:nth-of-type(2):hover{ background:#db2314;}
	.page_text_r .url{ margin-bottom:0px;}
	
	

	/*返回顶部*/
	.top{ width:50px; height:50px; line-height:50px; background:#393292; background:rgba(0,88,167,0.50); color:#fff; position:fixed; text-align:center; bottom:25%; cursor:pointer; display:none;font-weight:bold; font-size:30px; right:1%; z-index:3;}
	.top:hover{background:rgba(0,88,167,1.00);}
	
	.sj_footer{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; border-top:1px solid #ccc;}
	.sj_footer a{ width:33%; float:left; text-align:center; padding:3% 0;}
	.sj_footer span{ width:100%; float:left; color:#333; font-family:"微软雅黑";}
	.sj_footer img{ max-width:20%;}

	@font-face{
		font-family:'hzgb';
		src:url(../font/hzgb.ttf);
	}
		
	@-webkit-keyframes rightan
                {

                from
                {
                    top: 0%;
                    opacity: 0;
                }
                to
                {
                    top: 100%;
                    opacity: 1;
                }
                }